<template>
  <div>
    <div class="vux-demo">
      <img class="logo" src="../assets/vux_logo.png">
      <h1> </h1>
    </div>
    <group title="cell demo">
      <cell title="VUX" value="cool" is-link></cell>
    </group>
    <x-button @click.native="tologin">你好哇</x-button>
  </div>
</template>
<script>
import { Cell, Group, XButton } from 'vux'
import Router from '@/router/index'

export default {
  components: {
    Group,
    Cell,
    XButton
  },
  data() {
    return {
      msg: 'Hello World!'
    }
  },
  methods: {
    tologin() {
      Router.push({ name: 'Login' })
    }
  }
}
</script>
<style scoped>
.vux-demo {
  text-align: center;
}
.logo {
  width: 100px;
  height: 100px;
}
</style>
